var $ = require('../../utils/util.js')

Component({
  properties: {
    show: { // 是否显示
      type: Boolean,
      value: false,
    },
    type: { // 时间类型
      type: String,
      value: '',
    },
    minDate: { // 最小时间
      type: String,
      value: new Date(2024, 1, 1).getTime(),
    },
    maxDate: { // 最大时间
      type: String,
      value: new Date(2050, 12, 31).getTime(),
    },
    currentDate: { // 当前时间时间
      type: String,
      value:  new Date(),
    },
    title:{ // 顶部栏标题
      type: String,
      value:  '选择时间',
    },
    key:{ // 后端需要的字段
      type: String,
      value:  'key',
    }
  },
  data: {
    formatter(type, value) {
      if (type === 'year') {
        return `${value}年`;
      } else if (type === 'month') {
        return `${value}月`;
      }
      return value;
    }
  }, 
  methods: {
    onClose(){ // 隐藏
      this.setData({
        show: false
      })
      this.triggerEvent('timeCloseHandle') 
    },
    cancelHandle(){ // 取消
      this.onClose()
    },
    confirmHandle(e){ // 时间确定的时候触发 
      this.triggerEvent('timeConfirmHandle', { time: $.transformTime(e.detail), key: this.data.key,timeNum:e.detail }) // 测试用的
      this.onClose()
    }
  }
})
